<!DOCTYPE html>
<html>

<head>
	<meta charset="utf-8">
	<title>登录表单</title>
	<link rel="stylesheet" href="./style.css">
</head>

<body>
	<button>The login form</button>
	<div style="display:none;">
		<p>
			<img src="img/pic-1.jpg" alt="图片加载失败!">
			<span class="close" title="Close Modal">&times;</span>
		</p>
		<p>
			<label>Username</label>
			<input type="text" placeholder="Enter Username" title="请填写此字段." id="name">
			<label>Password</label>
			<input type="password" placeholder="Enter Password" title="请填写此字段." id="pwd">
			<button id="login">L o g i n</button>
			<input type="checkbox" checked="checked" id="checkbox"><span style="font-size: 16px;margin-top:5px;">Remember the
				password</span>
		</p>
		<p>
			<button class="closeBtn">Cancel</button>
			<span><b>Forget </b><a href="#"> Password?</a></span>
		</p>
	</div>

	<script src="./index.js"></script>
</body>

</html>